<div class="statistics-default-index">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6"><div id="main" style="width: 600px;height:400px;"></div></div>
            <div class="col-md-6"><div id="main1" style="width: 600px;height:400px;"></div></div>
        </div>
        <div class="row">
            <div class="col-md-6"><div id="main2" style="width: 600px;height:400px;"></div></div>
            <div class="col-md-6"><div id="main3" style="width: 600px;height:400px;"></div></div>
        </div>
    </div>


</div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '用户注册'
        },
        tooltip: {},
        legend: {
            data: ['数量']
        },
        xAxis: {
            data: ['11-01', '11-02', '11-03', '11-04', '11-05', '11-06']
        },
        yAxis: {},
        series: [
            {
                name: '数量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>

<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart1 = echarts.init(document.getElementById('main1'));

    // 指定图表的配置项和数据
    var option1 = {
        title: {
            text: '访问次数'
        },
        tooltip: {},
        legend: {
            data: ['次数']
        },
        xAxis: {
            data: ['11-01', '11-02', '11-03', '11-04', '11-05', '11-06']
        },
        yAxis: {},
        series: [
            {
                name: '数量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart1.setOption(option1);
</script>

<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart2 = echarts.init(document.getElementById('main2'));

    // 指定图表的配置项和数据
    var option2 = {
        title: {
            text: '下载海报'
        },
        tooltip: {},
        legend: {
            data: ['次数']
        },
        xAxis: {
            data: ['11-01', '11-02', '11-03', '11-04', '11-05', '11-06']
        },
        yAxis: {},
        series: [
            {
                name: '数量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart2.setOption(option2);
</script>

<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart3 = echarts.init(document.getElementById('main3'));

    // 指定图表的配置项和数据
    var option3 = {
        title: {
            text: '创建任务'
        },
        tooltip: {},
        legend: {
            data: ['数量']
        },
        xAxis: {
            data: ['11-01', '11-02', '11-03', '11-04', '11-05', '11-06']
        },
        yAxis: {},
        series: [
            {
                name: '数量',
                type: 'bar',
                data: [5, 20, 36, 10, 10, 20]
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart3.setOption(option3);
</script>